<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=SY&nickName=八字事业&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>如何把握事业机遇</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css"/>
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <!--<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1271962595'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1271962595%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>-->
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1271962595'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1271962595' type='text/javascript'%3E%3C/script%3E"));</script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <style>
        body{background-color:#FFF8E9;}
        .dashijianshu{padding:0.64rem 0.2rem 0rem;}
        .dashijianshu img{vertical-align: middle;}
        .form_box{padding: 10px 0;}
        .form_box .form_wrap{margin: 10px;border: 1px solid #ebd3c0;border-radius: 5px;position: relative;}
        .shiye_btn{
            height: 50px;
            background: #009944;
            display: block;
            margin: 10px;
            text-align: center;
            line-height: 50px;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
        }
        .form_bottom{padding-bottom:0;padding-top:0.2rem;}
        .form_box .form_wrap .zm_form .zm_form_wrap{margin:0;}
        .form_box .form_wrap .zm_form .zm_form_wrap ul{border:none;}
        .form_box .form_wrap .zm_form .zm_form_wrap ul li{border-color:#ebd3c0;}
        .form_box .form_wrap .zm_form .zm_form_wrap ul li:last-child{border:none;}
        .public_bg_wrap {padding:0 0.2rem;}
        .know_info{margin-bottom: 0.3rem;}
        .know_info .ki_img{width: 100%;display: block;}
        .hot_cs{background-color:#FFF8E9;}
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="zm_banner">
        <img src="__PUBLIC__/images/bazishiye/banner.png" width="100%"/>
    </div>
    <div class="dashijianshu" id="scrollT">
        <img src="__PUBLIC__/images/bazishiye/img_jianjie.png" alt="" width="100%">
    </div>
    <div class="form_box">
        <div class="form_wrap">
            <form id="_form" class="zm_form" action="<!--{:U('Bzsy/bzsy_zhifu','',false)}-->" method="post">
                <div class="zm_form_wrap">
                    <ul>
                        <li>
                            <div class="form_left">您的姓名</div>
                            <div class="form_auto">
                                <input type="text" class="bg_no" id="username" name="username" placeholder="匿名（可不填）" />
                            </div>
                        </li>
                        <li>
                            <div class="form_left">您的性别</div>
                            <div class="form_auto">
                                <span class="on" id="but_man" data-value="1">
                                    <i></i>
                                    <font>男</font>
                                </span>
                                <span id="but_woman" data-value="0">
                                    <i></i>
                                    <font>女</font>
                                </span>
                                <input type="hidden" id="sex" name="gender" value="1"/>
                            </div>
                        </li>
                        <li>
                            <div class="form_left">出生日期</div>
                            <div class="form_auto">
                                    <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime" data-id="birthday">请选择你的出生日期</div>
                                <input type="hidden" id="birthday" name="birthday"  value="" >
                            </div>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
        <div class="form_bottom">
            已有<b><!--{$Think.cookie.bzsycs}--></b>人查看<!--{$yearName}-->八字运势详批
            <!-- <a href="<!--{:U('Index/mycesuan','',false)}-->"><i class="mycs"></i>我的测算</a> -->
        </div>
        <a href="javascript:;" class="cs_btn shiye_btn">立即测算</a>
    </div>
    <div class="public_bg_wrap mt10">
        <div class="know_info">
            <img class="ki_img" src="__PUBLIC__/images/bazishiye/img_shiyecaiyunyingxiang.png" alt="">
        </div>
        <!-- <div class="know_info">
            <a href="javascript:;" onclick="goTop()"><img class="ki_img" src="__PUBLIC__/images/bazishiye/img_jiyu.png" alt=""></a>
        </div> -->
        <div class="know_info">
                <a href="javascript:;" onclick="goTop()"><img class="ki_img" src="__PUBLIC__/images/bazishiye/v1/img_jiyu.png" alt=""></a>
        </div>
    </div>
    <!-- 提示收藏 -->
    <include file="Public/index_SC" />
    <!-- 热门测算 -->
    <div class="hot_cs">
        <include file="Public/zhiming" />
    </div>
    <!-- 脚注 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>
    <div class="fiex_bt" id="fiex">
        <a href="javascript:;" >立即测算</a>
    </div>
    <script>
        console.log('<!--{$Think.cookie.price}-->'*100);

        //测算底部悬浮
        $(function(){
            var topShow=$(".cs_btn");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});

                $.getJSON("<!--{:U('Index/indexXfan','',false)}-->",{csName:'SY'},function(data){//首页-悬浮按钮统计
                });
            }
        });
        function goTop(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)}
        
        var calendar1 = new lCalendar().init('#datetime');//男
        $(".cs_btn").on('click',function(){
            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'SY'},function(data){//首页-立即测算统计
            });

            if($("[name='username']").val() == ""){
                $("[name='username']").val('匿名');
                // layer.msg("请输入您的名字");
                // return false;
            }else if($("[name='username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择生时");
                return false;
            }

           var formData = {username:$("[name='username']").val(),birthday:$("[name='birthday']").val(),hours:$("[name='hour']").val(),gender:$("[name='gender']").val()}
           var oli = layer.load();


            setTimeout(function(){
                 layer.closeAll('loading');
                 layer.msg('订单提交成功', {icon: 1});
                 setTimeout(function(){
                     $('#_form').submit();
                 },1500);
            },1000);
        });


        // 选择按钮
        var obut_man = document.getElementById('but_man');
        var obut_woman = document.getElementById('but_woman');
        var osex = document.getElementById('sex');
            obut_man.onclick = function(){
                obut_man.classList.add("on");
                osex.value = 1;
                obut_woman.classList.remove('on');
            }
            obut_woman.onclick = function(){
                obut_woman.classList.add("on");
                osex.value = 0;
                obut_man.classList.remove('on');
            };


        var wxlogin='<!--{$Think.cookie.wxlogin}-->';
        if (wxlogin == 1) {
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
            timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
            nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
            signature: '<!--{$signature}-->',// 必填，签名，见附录1
            jsApiList: [
                'checkJsApi',
                'openLocation',
                'getLocation',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'scanQRCode'
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
            wx.onMenuShareAppMessage({
                title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'SY'},function(data){//回调入库
                    });
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareTimeline({
                title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'SY'},function(data){//回调入库
                    });
                }

            });

            wx.onMenuShareQQ({
                title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({
                title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareWeibo({
                title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.error(function (res) {
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
            });

            var appid="<!--{$appId}-->";
            if(appid!=''){
                WeixinJSBridge.invoke(
                        'getBrandWCPayRequest', {
                            "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                            "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                            "nonceStr":"<!--{$nonceStr}-->", //随机串
                            "package":"<!--{$package}-->",
                            "signType":"<!--{$signType}-->",         //微信签名方式：
                            "paySign":"<!--{$paySign}-->" //微信签名
                        },
                        function(res){
                            if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                location.href="<!--{:U('Index/mycesuan','',false)}-->";
                            }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                        }
                );
            }
        });
         }


    </script>
</body>
</html>